<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html lang="en">

	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<title>Services</title>
		<!-- web fonts -->
		<link href="http://fonts.googleapis.com/css?family=Nunito:400,600,700,800,900&display=swap" rel="stylesheet">
		<link href="http://fonts.googleapis.com/css?family=Hind&display=swap" rel="stylesheet">
		<!-- //web fonts -->
		<!-- Template CSS -->
		<link rel="stylesheet" href="${pageContext.request.contextPath }/dist/assets/css/style-starter.css">
		<style type="text/css">
			#qingjianeirong{
			margin-left: 180px;
			}
			#anniu{
			margin-left: 320px;	
			}
		</style>
	</head>

	<body>

		<section class="w3l-bootstrap-header">
			<nav class="navbar navbar-expand-lg navbar-light py-lg-3 py-2">
				<div class="container">
					<a class="navbar-brand"> 请假申请</a>
					<!-- if logo is image enable this   
    <a class="navbar-brand" href="#index.html">
        <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
    </a> -->
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon fa fa-bars"></span>
      </button>

					<div class="collapse navbar-collapse" id="navbarSupportedContent">
						<ul class="navbar-nav ml-auto">
							<li class="nav-item">
								<a class="nav-link" href="${pageContext.request.contextPath }/front/mysef.jsp">主界面</a>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="${pageContext.request.contextPath }/front/services.jsp">查看请假条</a>
							</li>
							<li class="nav-item">
           					 <a class="nav-link" href="${pageContext.request.contextPath }/front/leave.jsp">请假申请</a>
         					 </li>
          
        
         					 <li class="nav-item">
           						 <a class="nav-link" href="${pageContext.request.contextPath }/front/puchclock.jsp">每日打卡</a>
         					 </li>
						</ul>

					</div>
				</div>
			</nav>
		</section>
		<section class="w3l-service-breadcrum">
			<div class="breadcrum-bg">
				<div class="container py-5">
				</div>
			</div>
		</section>
		<section class="w3l-features-4" id="zhuyi">
			<!-- /features -->
			<div class="features py-5" id="services">
				<div class="container py-md-3">
					<div class="heading text-center mx-auto">
						<h3 class="head">注意事项</h3>
						<p class="my-3 head">请假注意事项   （一）    员工请假应按规定填写请假单， 述明请假事由， 连同工卡一起交上级主管逐级审批 后， 交人力资源部签名登记后 方能生效，否则按旷工论处。   （二）    请假审批具体规定如下：   1 、   一天以上三天以内由部门经理审批；   2 、   三天以上由公司副总以上领导批准；   3 、   干部请假一天由部门经理审批，一天以上须副总经理以上审批。   （三）    请长假（ 3 天以上）人员，离厂时须将工作证交回人力资源部，回厂时到人力资源 部销假并取回。
							  （四）    请假人员应逐级呈批，不可越级请假，准假干部不得越权批假。   （五）    除法定假、集体放假，其它准休假、事假、病假、婚假、工伤假等，都必须填写请 假单，否则按旷工处理。   （六）    请假人员均事先办理请假手续， 但因特殊原因不能亲自请假的则可由部门主管次日 提出书面申请补假，否则 按 旷工论处。   （七）    干部请假必须有职务代理人，若职务重要而请长假时，就签注主管代理人。   （八）    本公司员工请假期间不得在其它公司兼职，否则以除名处理，且工资不予发放。
							  （九）    各部门主管应对所属人员的请假核实后方可准假。   （十）    凡在打卡后 1 不时内请假者，其上班时间不予计薪。   （十一）同部门作业员工，每天事假申请最多以三人为限，以车间为单位。   （十二） 非工作、 病假， 假期一次超过两天以上者须于请假次日离开公司不得在公司同逗留， 否则取消其假期。   （十三）因病请假两天以上者，如因病愈伤好，事情已办妥等原因而假期未满便已回公司， 回厂的第二天则须回单位上班，否则视旷工论处。   （十四）请假回厂必须到人力资源部
							销假 ，提前上班未销假者，按请假处理。   （十五）请假人员推迟上班（假期已完而未上班）未经有关领导同意，等同旷工处理。
						</p>
						<button class="btn btn-primary" id="next" >下一步</button>
					</div>
					
				</div>
			</div>
			<!-- //features -->
		</section>
		<section class="w3l-pricing-7" id="pricing" style="display:none">
			<div class="w3l-pricing-7_sur py-5">
				<div class="container py-md-3">
					<div class="heading text-center mx-auto">
						<h3 class="head">申请请假</h3>
						<p class="my-3 head">请仔细审核内容后无误后选择提交</p>
					</div>
					<form class="form-horizontal" id="qingjianeirong" action="${pageContext.request.contextPath }/LeaveController?op=leave" method="post" >
					<!-- 	<div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">申请人工号</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="inputEmail3" name="leaveId" placeholder="请填写本人工号">
    </div>
    
  </div>
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">本人部门</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="inputEmail3" name="department" placeholder="请填写本人部门">
    </div>
    </div> -->
    <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">请假原因</label>
    <div class="col-sm-10">
      <textarea rows="5" cols="90" name="leaveReason" placeholder="请填写请假原因"></textarea>
    </div>
  </div>
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">起始时间</label>
    <div class="col-sm-10">
      <input type="datetime-local" class="form-control" id="inputEmail3"  name="leaveTime" placeholder="请填写xxx(年)-xx(月)-xx(日)">
    </div>
  </div>
 <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">结束时间</label>
    <div class="col-sm-10">
      <input type="datetime-local" class="form-control" id="inputEmail3" name="endTime" placeholder="请填写xxx(年)-xx(月)-xx(日)">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-primary" id="anniu">确认提交</button>
    </div>
  </div>
</form>

				</div>
			</div>
		</section>

		<!-- grids block 5 -->
		<section class="w3l-footer-29-main" id="footer">
			<div class="footer-29 text-center">
				<div class="container">

					<div class="main-social-footer-29">

						<a href="#facebook" class="facebook"><span class="fa fa-facebook"></span></a>
						<a href="#twitter" class="twitter"><span class="fa fa-twitter"></span></a>
						<a href="#instagram" class="instagram"><span class="fa fa-instagram"></span></a>
						<a href="#google-plus" class="google-plus"><span class="fa fa-google-plus"></span></a>
						<a href="#linkedin" class="linkedin"><span class="fa fa-linkedin"></span></a>
					</div>
					<div class="bottom-copies text-center">
						<p class="copy-footer-29">Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>

					</div>
				</div>
			</div>
			<!-- move top -->
			<button onclick="topFunction()" id="movetop" title="Go to top">
              <span class="fa fa-angle-up"></span>
                 </button>
			<script>
				// When the user scrolls down 20px from the top of the document, show the button
				window.onscroll = function() {
					scrollFunction()
				};

				function scrollFunction() {
					if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
						document.getElementById("movetop").style.display = "block";
					} else {
						document.getElementById("movetop").style.display = "none";
					}
				}

				// When the user clicks on the button, scroll to the top of the document
				function topFunction() {
					document.body.scrollTop = 0;
					document.documentElement.scrollTop = 0;
				}
			</script>
			<!-- /move top -->
		</section>
		<!-- // grids block 5 -->
		<script src="${pageContext.request.contextPath }/dist/assets/js/jquery-3.3.1.min.js"></script>
		<!-- //footer-28 block -->
		</section>

		<script>
			$(function() {
				$('.navbar-toggler').click(function() {
					$('body').toggleClass('noscroll');
				})
				
				$("#next").click(function(){
					$("#pricing").css("display","block");
					$("#zhuyi").css("display","none");
					$("#next").css("display","none");
				})
			})
		</script>
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="${pageContext.request.contextPath }/dist/assets/js/jquery-3.4.1.slim.min.js"></script>

		<script src="${pageContext.request.contextPath }/dist/assets/js/bootstrap.min.js"></script>
          
		<!-- Smooth scrolling -->

	</body>

</html>
<!-- // grids block 5 -->